<template>
    <div class="Page Confirm">
        <div class="Title">
            <h1 class="fl f18">订单确认</h1>
            <img src="~/assets/img/cart_setp2.png" class="fr" />
            <div class="clear"></div>
        </div>
        <form name="flowForm" id="flowForm" method="post" action="">
            <table class="GoodList">
                <tbody>
                    <tr>
                        <th class="name">商品</th>
                        <th class="price">原价</th>
                        <th class="priceNew">价格</th>
                    </tr>
                </tbody>
                <tbody>
                    <!-- <tr>
<td colspan="3" class="Title red f18 fb"><p>限时折扣</p></td>
</tr> -->
                    <tr>
                        <td colspan="3" class="teacher">讲师：{{ order.teacherName }}</td>
                    </tr>
                    <tr class="good">
                        <td class="name First">
                            <a
                               target="_blank"
                               :href="'https://localhost:3000/course/' + order.courseId"
                               >
                                <img :src="order.courseCover"
                                     /></a>
                            <div class="goodInfo">
                                <input type="hidden" class="ids ids_14502" value="14502" />
                                <a
                                   target="_blank"
                                   :href="'https://localhost:3000/course/' + order.courseId"
                                   >{{ order.courseTitle }}</a
                                    >
                            </div>
                        </td>
                        <td class="price">
                            <p>
                                ￥<strong>{{ order.totalFee }}</strong>
                            </p>
                            <!-- <span class="discName red">限时8折</span> -->
                        </td>
                        <td class="red priceNew Last">
                            ￥<strong>{{ order.totalFee }}</strong>
                        </td>
                    </tr>
                    <tr>
                        <td class="Billing tr" colspan="3">
                            <div class="tr">
                                <p>
                                    共 <strong class="red">1</strong> 件商品，合计<span
                                                                                 class="red f20"
                                                                                 >￥<strong>{{ order.totalFee }}</strong></span
                                    >
                                </p>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="Finish">
                <div class="fr" id="AgreeDiv">
                    <label for="Agree"
                           ><p class="on">
                        <input type="checkbox" checked="checked" />我已阅读并同意<a
                                                                             href="javascript:"
                                                                             target="_blank"
                                                                             >《谷粒学院购买 协议》</a
                        >
                        </p></label
                        >
                </div>
                <div class="clear"></div>
                <div class="Main fl">
                    <div class="fl">
                        <a :href="'/course/' + order.courseId">返回课程详情页</a>
                    </div>
                    <div class="fr">
                        <p>
                            共 <strong class="red">1</strong> 件商品，合计<span
                                                                         class="red f20"
                                                                         >￥<strong id="AllPrice">{{ order.totalFee }}</strong></span
                            >
                        </p>
                    </div>
                </div>
                <input name="score" value="0" type="hidden" id="usedScore" />
                <button class="fr redb" type="button" id="submitPay" @click="toPay()">
                    去支 付
                </button>
                <div class="clear"></div>
            </div>
        </form>
    </div>
</template>
<script>
    import orderApi from '@/api/order'
export default {
    created() {
        this.orderNo = this.$route.params.orderNo
        this.getOrderInfoByOrderNo()
    },
    methods: {
        getOrderInfoByOrderNo(){
            orderApi.getOrderInfoByNo(this.orderNo).then(resp=>{
                this.order = resp.data.data.item
            })
            },

            toPay(){
                        orderApi.createWxQRcode().then(resp=>{
                            this.$router.push({path:'/pay/'+this.orderNo})
                        })
                    }

        },
    data() {
        return {
            order:{},
            orderNo:'',

        }
    },
}
</script>
